<!doctype html>

<!--注意：引入thymeleaf的名称空间-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<!--@ApiModelProperty(value = "货主信息")-->
<!--private CompanyInfoVo companyInfoVo;-->

<!--@ApiModelProperty(value = "司机信息")-->
<!--private DriverInfoVo driverInfoVo;-->
<body>
<div style="padding: 10px;">
    <h4 style="text-align: right;">合同编号：<span class="border" style="width:150px" th:text="${orderVo.orderNo}"></span>
    </h4>
    <h2 style="text-align: center;font-size: 14px;">货物运输合同</h2>
    <div>
        <span><span>托运人：</span><span class="border" style="display: inline-block;width:120px"
                                     th:text="${orderVo.companyInfoVo.companyName}"></span></span>
        <span style="float: right">承运人：<span class="border" style="display: inline-block;width:100px"
                                             th:text="${orderVo.driverInfoVo.nickName}"></span></span>
    </div>
    <div>
        <span>手机号：<span class="border" style="display: inline-block;width:100px"
                          th:text="${orderVo.companyInfoVo.mobile}"></span></span>
        <span style="float: right">手机号：<span class="border" style="display: inline-block;width:100px"
                                               th:text="${orderVo.driverInfoVo.mobile}"></span></span>
    </div>
    <br/>
    <div>托运人（以下称“甲方”）委托承运人（以下称“乙方”）通过平台（以下称“丙方”）运输货物，双方经过协商，根据合同法有关规定，订立货物运输合同，条款如下：</div>
    <br>
    <div class="title">第一条、甲方的义务：</div>
    <br>
    <div>
        1. 按照国家规定的标准对货物进行包装，没有统一规定包装标准的，应根据保证货物运输的原则进行包装，甲方货物包装不符合上述要求，乙方应向甲方提出，甲方不予更正的，乙方可拒绝起运。
    </div>
    <div>2. 按照双方约定的标准和时间向乙方支付运费。</div>
    <br>
    <div class="title">第二条、乙方的义务：</div>
    <div>
        3. 按照运单的要求，在规定的期限内，将货物运到甲方指定的地点，交给甲方指定的收货人。
    </div>
    <div>
        4. 承运的货物要负责安全，保证货物无短缺、无损坏，如出现此类问题，应承担赔偿义务。
    </div>
    <div>
        5. 乙方应就本协议对应的货物运输服务中产生的ETC通行消费金额向丙方提供以丙方为抬头的ETC通行费电子发票(“ETC发票”)。乙方在此不可撤销地同意并授权丙方及其关联公司有权自行或以乙方名义，就本协议对应的货物运输服务中产生的ETC通行消费金额，向ETC发票服务平台申请开具以丙方为抬头或丙方指定抬头的ETC通行费电子发票。由于ETC电子发票的开具，乙方在此不可撤销地授权并委托丙方向ETC发票服务平台提供包括但不限于车牌号码、车身颜色、本次运单相关信息、乙方在丙方预留信息等信息，向发票服务平台申请开具以丙方或丙方指定公司为抬头的ETC电子发票，以实现乙方的ETC发票提供义务。
    </div>
    <div>
        6. 乙方在丙方注册及运单承运过程中，需在丙方补全以下信息：
    </div>
    <div>运单内容：运单编号： 实际托运人：</div>
    <div>企业联系人（调度）： 承运人： 车牌号：</div>
    <div>货物名称： 重量体积： 车长车型要求：</div>
    <div>装货时间： 卸货时间：</div>
    <div>装货地：</div>
    <div>卸货地：</div>
    <div>定金： 运费：</div>
    <div>最晚付运费时间：</div>
    <div>其他约定：已授权开丙方拾头ETC。</div>
    <br>
    <div class="title">第三条、运输费用及结算方式：</div>
    <div>7. 运费按乙方实际承运货物的里程及重量计算，具体标准按照运单约定执行。</div>
    <div>8. 乙方在将货物交给收货人时，应向其索要收货凭证，作为完成运输义务的证明，持收货凭证与甲方结算。</div>
    <div>9. 甲方对乙方所提交的收货凭证进行审核，在确认该凭证真实有效且货物按期运达无缺失损坏问题后于约定日期内付清当次运费。

    </div>
    <br>
    <div class="title">
        第四条、甲方交付乙方承运的货物，乙方应确保货物按期运达。非因自然灾害等不可抗力造成货物逾期运达的，如客户追究甲方责任，乙方应全额赔偿甲方的经济损失。因发生自然灾害等不可抗力造成货物无法按期运达目的地时，乙方应将情况及时通知甲方并取得相关证明，以便甲方与客户协调。
    </div>
    <br>
    <div class="title">第五条、运输过程中如发生货物灭失、短少、损坏、变质、污染等问题，乙方应按照以下标准赔偿甲方的经济损失。</div>
    <div>10. 货物灭失或无法正常使用的，按运单记载货物价格全额赔偿，如运单未记载价格的，按甲方同类产品出厂价格赔偿。</div>
    <div>11. 货物修理后可以正常使用且客户无异议的，赔偿修理费（包括换件费用、人工费及修理人员的往返差旅费等）</div>
    <br>
    <div class="title">第六条、出现合同第五条情况导致货物逾期运达的，乙方除按该条规定承担责任外，还应当同时执行本合同第四条的规定。</div>
    <br>
    <div class="title">第七条、本合同未尽事宜，由双方协商解决，协商不成，按照合同法规定办理，发生争议提交仲裁委员会进行仲裁
    </div>
    <div class="table">
        <table style="width: 100%;">
            <tbody>
            <tr>
                <td style="width: 20%">发货地址</td>
                <td style="width: 30%" th:text="${orderVo.beginAddress}"></td>
                <td style="width: 20%">收货地址</td>
                <td style="width: 30%" th:text="${orderVo.endAddress}"></td>
            </tr>
            <tr>
                <td style="width: 20%">发货时间</td>
                <td th:text="${#dates.format(orderVo.startDate,'yyyy-MM-dd HH:mm:ss')}"></td>

                <td style="width: 20%">收货时间</td>
                <td th:text="${#dates.format(orderVo.endDate,'yyyy-MM-dd HH:mm:ss')}"></td>

            </tr>
            <tr>
                <td style="width: 20%">发货备注</td>
                <td th:text="${orderVo.content}"></td>
                <td>收货备注</td>
                <td th:text="${orderVo.content}"></td>
            </tr>
            <tr>
                <td style="width: 20%">运输方式</td>
                <td th:text="${orderVo.transType}"></td>
                <td style="width: 20%">运输车辆</td>
                <td th:text="${orderVo.driverInfoVo.getDriverCode()}"></td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="table">
        <table style="width: 100%;">
            <thead>
            <tr>
                <th style="width: 10%">序号</th>
                <th style="width: 30%">货物名称</th>
                <th style="width: 30%">规格型号</th>
                <th style="width: 30%"> 托运量</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td th:text="${orderVo.goodSubType}"></td>
                <td th:text="${orderVo.goodName}"></td>
                <td th:text="${orderVo.goodWeight}"(吨)></td>

            </tr>
            </tbody>
        </table>
    </div>
    <div class="table">
        <table style="width: 100%;">
            <thead>
            <tr>
                <th style="width: 10%">序号</th>
                <th style="width: 30%">计费科目</th>
                <th style="width: 30%">单价（元）</th>
                <th style="width: 30%">合同金额（元）</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>运费</td>
                <td>0</td>
                <td th:text="${orderVo.estimateAmt}"></td>
            </tr>
            <tr>
                <td>2</td>
                <td>合计</td>
                <td>0</td>
                <td th:text="${orderVo.estimateAmt}"></td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="table">
        <table style="width: 100%;">
            <thead>
            <tr>
                <th style="width: 25%;">现付（元）</th>
                <th style="width: 25%;">到付（元）</th>
                <th style="width: 25%;">回单付</th>
                <th style="width: 25%;">合计（元）</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td> 0 </td>
                <td th:text="${orderVo.estimateAmt}"></td>
                <td> 0 </td>
                <td th:text="${orderVo.estimateAmt}"></td>
            </tr>
            </tbody>
        </table>
    </div>
    <div style="margin: 10px 0;">
        本合同的签署日期为：
    </div>
    <div>

           <span><span>托运人：</span><span class="border" style="display: inline-block;width:150px"
                                        th:text="${orderVo.companyInfoVo.companyName}"></span></span>
        <span style="float: right">承运人：<span class="border" style="display: inline-block;width:100px"
                                             th:text="${orderVo.driverInfoVo.nickName}"></span></span>
    </div>
</div>
</body>
<style>
    * {
        margin: 0;
        padding: 0;
        font-size: 11px;
    }

    .title {
        font-weight: 700;
    }

    table {
        margin-top: 10px;
        border-collapse: collapse;
        /*关键代码*/
    }

    th,
    td {
        text-align: center;
        height: 30px;
        border: 1px solid #ccc;
        word-break: break-all;
        word-wrap: break-word;
    }

    span {
        display: inline-block;
        height: 25px;
    }

    .border {
        border-bottom: 1px solid #000;
        height: 25px;
    }
</style>

</html>